@charset "UTF-8";
#banner{
  width:100%;
  max-width: 1920px;
  margin: 0 auto;
  overflow: hidden;
  .swiper-wrapper{
    height: 100%;
  }
  .swiper-slide{
    height: 100%;
  }
}
.pagination{
  position: absolute;
  left: 50%;
  bottom: 10px;
  width:180px;
  font-size: 0;
  text-align: center;
  margin-left: -90px;
  z-index: 100;
  @media (min-width:1024px){
    bottom: 40px;
  }
  .swiper-pagination-switch{
    display: inline-block;
    width:20px;
    height:10px;
    margin-left: 20px;
    transition: width .3s ease-in;
    background-color: #fff;
    transform-origin: 50% 50%;
  }
  .swiper-active-switch{
    width:36px;
    background-color: #7bbb9b;
  }
}